/*-----------------------------------------------------------------------------
site.no generic style

author:		Gerhard Sletten
website:	http://www.gersh.no
colors:		#222 		Main gray
			#73BE1E		Happy green
			#00A0C6		Sweet blue
			#A8F2FF		Light sweet blue
			#FFFFB3		Lght yllw
			#eee		Light gray
			#ddd		Border gray
			
IE 6 Hack - not visible for IE 7
* html body #id 
-----------------------------------------------------------------------------*/

@import url("reset.css");
@import url("typo3.css");
@import url("core.css");
/* =General
-----------------------------------------------------------------------------*/

html 	{ font-size: 100%; }
body 	{ font: 13px/130% Arial, Helvetica, sans-serif; color: #222; background: #999 url(../images/bg_999.jpg) repeat-y center; }

h1, h1 a, h2, h2 a, h3, h3 a { color: #00A0C6;}
#primary h1:first-child,
#secondary h3:first-child { margin-top: 0;}

/* =Layout
-----------------------------------------------------------------------------*/
#page_wrapper 		{ width: 800px; margin: 0 auto;}

#header, 
#content_wrapper 	{  }
#header 			{ position:relative; border-top: 10px solid #ddd;border-bottom: 1px solid #ddd; margin-bottom: 5px; height: 100px;}
#header h1#logo 	{ }
#header h1#logo a,
#header h1#logo a:hover {position: absolute; top: 5px; left: 0px; width: 190px; height: 180px; text-decoration: none; color: #00A0C6; font-size: 36px; }
/*#header h1#logo a {background: url(../images/logo.gif) no-repeat center center; text-indent:-900px; overflow:hidden;}*/
#header #description { position: absolute; top: 5px; right: 0px;width: 580px; height: 250px; background: #00A0C6; padding: 10px; font-style:italic; font-size: 120%; text-align: right; color: #ccc;}
#menu, #secondary 	{ float: left; clear: left; width: 190px; margin-bottom: 1em; }
#content_wrapper 	{ }
#breadcrumb, 
#primary 			{ float: right; clear: right; width: 600px; margin-bottom: 10px; }
#primary 			{ min-height: 400px; height: expression( this.scrollHeight > 401 ? "400px" : "auto" ); /* sets max-height for IE */}

#breadcrumb 		{ background: #ffffff url(../images/bull-globe.gif) no-repeat left center; }
#breadcrumb p 		{ margin: 0 15px; font-size: 100%; color: #888; }
#breadcrumb .information { display:none; }
#content_wrapper 	{ }
#secondary 			{ border-top: 1px solid #ddd; padding-top: .5em; }

#footer 			{ clear:both;  padding: 1em; }
#footer p 			{ text-align: center; font-size: 11px; color: #888; line-height: 1; }
#footer a 			{ color: inherit; text-decoration:none; }


/* =Menu
-----------------------------------------------------------------------------*/
#menu 				{ font-size: 15px;}
#menu h4 			{font-size: 13px; margin-top: 0; display:none;}
#menu ul 			{ }
#menu ul li 		{ margin: 0 0 2px 0;}
#menu ul li a 		{ margin:0; color: #fff; display: block; padding: .4em .6em; background: #00A0C6 url(../images/menu_bg.gif); border-bottom: 1px solid #ddd; text-decoration: none; font-weight: bold; }
#menu ul li.selected > a,
#menu ul li a:hover { text-decoration: none; color: #A8F2FF;}

#menu ul ul 		{  margin-top: 2px;}
#menu ul ul li a 	{ background: #fff url(../images/0030_arr.png) no-repeat 8px center; color: #555; padding-left: 26px}
#menu ul ul li.selected  a,
#menu ul ul li a:hover { color: #333;}

